function showSuccessMsg() {
    $('.popup_con').fadeIn('fast', function() {
        setTimeout(function(){
            $('.popup_con').fadeOut('fast',function(){}); 
        },1000) 
    });
}

function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

// 在页面加载是向后端查询用户的信息
$(document).ready(function () {
    $.get("api/v1.0/user",function (resp) {
        if ('4101' == resp.errno){
            location.href = '/login.html'
        }else if("0" == resp.errno){
            $("#user-name").val(resp.data.name);
            if (resp.data.avatar_url){
                $("#user-avatar").attr('src','http://r1fqvkecu.hn-bkt.clouddn.com/' + resp.data.avatar_url);
            }
        }
    },'json')
});


//$(document).ready()和传统的方法<body οnlοad=”load()”> 相似，不同的是onload()的方法是在页面加载完成后才发生，这包括DOM元素和其他页面元素（例如图片）的加载。而$(document).ready()所要执行的代码是在DOM元素被加载完成的情况下执行，所以，使用document.ready()方法的执行速度比onload()的方法要快
$(document).ready(function () {
    $("#form-avatar").submit(function (e) {
        // e.preventDefault();会阻止表单提交的时候 重新加载页面。
        e.preventDefault();
        // 利用 jquery.form.min.js 提供的ajaxSubmit对表单进行异步提交
        $(this).ajaxSubmit({
            url:"api/v1.0/avatar",
            type:'post',
            dataType:'json',
            headers:{
              'X-CSRFToken': getCookie("csrf_token")
            },//请求头，将csrftoken放在请求头中，因为我们不是表单形式提交所以后端默认校验的request.from形式获取不到
            success:function (resp) {
                if (resp.errno == "0"){
                    $("#user-avatar").attr('src','http://r1fqvkecu.hn-bkt.clouddn.com/'+resp.data.avatar_url);
                }else {
                    alert(resp.errmsg);
                }
            }
        })
    });

    $("#form-name").submit(function(e){
        e.preventDefault();
        // 获取参数
        var name = $("#user-name").val();

        if (!name) {
            alert("请填写用户名！");
            return;
        }
        $.ajax({
            url:"/api/v1.0/user",
            type:"PATCH",
            data: JSON.stringify({name: name}),
            contentType: "application/json",
            dataType: "json",
            headers:{
                "X-CSRFTOKEN":getCookie("csrf_token")
            },
            success: function (data) {
                if ("0" == data.errno) {
                    $(".error-msg").hide();
                    showSuccessMsg();
                } else if ("4001" == data.errno) {
                    $(".error-msg").show();
                } else if ("4101" == data.errno) {
                    location.href = "/login.html";
                }
            }
        });
    })
});
